.navbar {
margin-bottom:0;
}
.navbar-brand {
float: left;
}
.navbar-nav {
float: right;
}


.mainjumbo {
    background-color: RGBA(255,255,255,0);
    color: #ffffff;
	position:relative;
	padding:0px;
	padding-bottom:200px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media(min-width:767px) {
	.mainjumbo {
		padding:150px;
	}
}
@media(max-width:767px) {
.jumbotron {
	padding-top: 48px;
}
}

.jumbochild {
    position: absolute;
    background: black;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index:-1;
}
 .abouttext {
	display:block;
	width: 100%;
	margin: auto;
	text-align:left;
 }
 .infotext {
 	margin-left: auto;
	margin-right: auto;
	width: 60%;
 }
 .skilltext {
 	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width:80%;
 }
@media(max-width:767px) {
	.mainjumbo .container {
		position: absolute;
		left: 0px;
	}
 .abouttext {
	width:100%;
 }
 .infotext {
	width:100%;
 }
 .skilltext {
	width:100%;
 }
 .skilltext .row {
 	text-align:center;
 }
}


@media(min-width:767px) {
 .skilltext .list {
 	text-align: left;
 }
}

.project-box {
	padding: 1px;
	left: unset;
	text-decoration: none;
	border-radius:50%;
	text-decoration: none;
    border-radius: 50%;
    width: 256px;
    height: 256px;
    position: absolute;
    overflow: hidden;
}
.project-img {
	background-position: center;
	border-radius:50%;
	width: 256px;
	height: 256px;
	border: none;
	position: absolute;
}
.project-descr {
    position: absolute;
    width: 256px;
    height: 256px;
	color: #fff;
	text-shadow: 2px 2px 2px #000000;
    background-color: RGBA(100, 100, 100, 0.5);
    transform: translateY(150px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.project-descr p {
    width: 90%;

}
.project-box:hover .project-descr {
	transform: translateY(32px);
}
.project-column {
	padding: 5px;
	height: 256px;
	display: flex;
	margin-bottom: 15px;
	justify-content: center;
	flex: 1;
    transition: transform 500ms ease, flex 500ms ease, min-width 500ms ease;
	will-change: transform, flex, min-width;
	min-width: 256px;
}
.projectScrollBox {
	max-height: 600px;
	height: 600px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.other-project-box
{
	width: 100%;
	height: 100px;
	margin-top: 15px;
}
.other-project-box img
{
	object-fit: contain;
	border-radius: 50%;
}
.other-project-box h3
{
	display: inline-block;
	margin: 0 0 4px 0;
    max-height: 3.2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.6rem;
}

.other-project-info {
	display: inline-block;
	margin-left: 15px;
    color: #000000;
}

.cv a {
	color: #000;
}
.cv a:hover {
	color: #000;
}
.carousel {
	padding-bottom: 115px;
	background: #eee;
}
.carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    overflow-x: scroll;
    overflow-y: hidden;
}
@media(min-width:767px) {
	.carousel-indicators {
		    justify-content: center;
	}
}
.carousel-indicators .active{

	width: unset;
    height: unset;
    margin: unset;
    background-color: unset;
}
.carousel-indicators .active img{

	height: 90px;
}
.carousel-indicators li {
	all:unset;
	display: flex;
    justify-content: center;
    align-items: center;
}
.carousel-indicators .video::before {
	content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkxheWVyXzYiLz48ZyBpZD0iTGF5ZXJfMiI+PHBhdGggZD0iTTM2My43NDcsMTQ4Ljc1M2MtNTkuMjI4LTU5LjIyNy0xNTUuMjY3LTU5LjIyNy0yMTQuNDk0LDBjLTU5LjIyNyw1OS4yMjgtNTkuMjI3LDE1NS4yNjcsMCwyMTQuNDk0ICAgYzU5LjIyOCw1OS4yMjcsMTU1LjI2Nyw1OS4yMjcsMjE0LjQ5NCwwQzQyMi45NzQsMzA0LjAyLDQyMi45NzQsMjA3Ljk4LDM2My43NDcsMTQ4Ljc1M3ogTTI1Ni44NTMsMjgxLjgxbC03MS40MTgsNzEuNDE4ICAgbC0yNi4xNjMtMjYuMTYzbDcxLjQxNy03MS40MThsLTcwLjcxLTcwLjcxMWwyNS40NTYtMjUuNDU2bDcwLjcxMSw3MC43MWw3MC43MTEtNzAuNzFsMjYuMTYzLDI2LjE2M2wtNzAuNzExLDcwLjcxbDcwLjcxMSw3MC43MTEgICBsLTI1LjQ1NiwyNS40NTZMMjU2Ljg1MywyODEuODF6IiBmaWxsPSIjMjUyNTI1Ii8+PC9nPjxnIGlkPSJMYXllcl8zIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYuMzU0IiBmaWxsPSIjRkZGRkZGIiByPSIxMjIuNjg3Ii8+PC9nPjxnIGlkPSJMYXllcl83Ij48Zz48cGF0aCBkPSJNMzMyLjQ2MSwyNTMuMzU0YzIuODU4LDEuNjUsMi44NTgsNC4zNSwwLDZsLTExMi4wOTQsNjQuNzE3Yy0yLjg1OCwxLjY1LTUuMTk2LDAuMy01LjE5Ni0zVjE5MS42MzYgICAgYzAtMy4zLDIuMzM4LTQuNjUsNS4xOTYtM0wzMzIuNDYxLDI1My4zNTR6IiBmaWxsPSIjMjUyNTI1Ii8+PC9nPjwvZz48L3N2Zz4=");
    position: absolute;
    width: 64px;
    opacity: 0.8;

}
.carouselThumbnail {
	width: 128px;
	height: 72px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.carouselThumbnail:hover {
	height: 82px;
}

.carousel-control.right {
	height: 50%;
	margin: auto;
	background: unset;
}
.carousel-control.left {
	height: 50%;
	margin: auto;
	background: unset;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}